<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>城市大脑</title>
    <link rel="stylesheet" href="CSS/public.css">
    <link rel="stylesheet" href="CSS/Login.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</head>

<body>
    <div class="Login-box">
        <div class="content">
            <div class="h1">
                <h1> 南海城市大脑 </h1>
                <small>渔业资源管理系统</small>
            </div>
            <div class="from">
                <!-- 账号和手机登入 -->
                <div>
                    <ul class="tab">
                        <li>账号密码登入</li>
                        <li>手机号登入</li>
                    </ul>
                </div>
                <form action="#">
                    <div class="form">
                    <div><input id="user" type="text" placeholder="请输入账号或者手机号" minlength="0" maxlength="11"> <span id="span1"><span id="ble">0</span>/11</span></div>
                    <div><input id="password" type="password" placeholder="请输入密码"></div>
                    <div><button id="sing">登入</button></div>
                   </div>
                    <!-- 选项卡 -->
                    
                    <div id="form" action="#">
                        <div><input id="user2" type="text" placeholder="请输入账号或者手机号" minlength="0" maxlength="11"> <span id="span1"><span id="ble">0</span>/11</span></div>
                        <div class="_passwordbox"><input id="password2" type="password" placeholder="请输入验证码"> <div id="_yzm">验证码</div></div> 
                        
                        <div><button id="sing">登入</button></div>
                    </div>
                </form>


               


                <div class="footer">
                    <button id="lowuser">忘记密码</button>
                    <button id="lowpassword"><a href="register.html">注册账号</a> </button>
                </div>
                <div class="qrcode">
                    <div class="code">
                        <img src="img/二维码.png" alt="">
                        <h5>手机端二维码</h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">@copyright 2021 阿里云计算有限公司出品</div>
    <div id="lowpasswordbox" style=" display: none;">
        <h2>忘记密码</h2>
        <ul class="list">
            <li><i>*</i><span>手机号码</span><input id="phone" type="text" minlength="0" maxlength="11"><span id="span2"> <span id="ble">0</span> /11</span></li>

            <li><i>*</i><span>验证码</span><input id="yzm" type="text"> <button id="btnyzm">获取验证码</button></li>
            <li><i>*</i><span>修改密码</span><input type="password"></li>
            <li><i>*</i><span>确认密码</span><input type="password"></li>
        </ul>
        <button id="getEnter">确认修改</button>
        <button id="getclear">关闭</button>


    </div>
    <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js "></script>
    <script src="JS/axios.js"></script>
    <script src="JS/Login.js"></script>


</body>

</html>